<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="_token" content="{{ csrf_token() }}"/>
  <title>Qkids久趣英语</title>

  <script>if (location.href.indexOf('qkids.cn/wx') > -1) location.href = location.href.replace('qkids.cn/wx', 'wx2.97kid.com/wx')</script>

  @if (getenv('APP_ENV') === 'local')
  <link href="{{env('CDN_RESOURCE')}}/mobile/campaign/phonics/css/phonics.css?v={{config('app.version')}}" rel="stylesheet" type="text/css">
  @else
  <link href="{{env('CDN_RESOURCE')}}/mobile/campaign/phonics/css/phonics.min.css?v={{config('app.version')}}" rel="stylesheet" type="text/css">
  @endif

  @include('mobile.partial.config')
  @include('mobile.partial.product')
  @include('mobile.partial.wechatSign')
  @include('mobile.partial.browserSync')
</head>
<body>
<div class="container">
  <div class="banner">
    <div class="play-icon" id="playVideo"></div>
  </div>
  <div class="main">
    <div class="content">
      <div class="price">
        <span class="current-price">19.9</span><span class="original-price">180</span>
        <span>已购买107597人</span>
      </div>
      <div class="title">超值入门体验课（4节课）</div>
    </div>
    <div class="progress">
      <div class="title">久趣自然拼读课程</div>
      <div class="list">
        <div class="item level-1">Level 1</div>
        <div class="item level-2">Level 2</div>
        <div class="item level-3">Level 3</div>
        <div class="item level-4">Level 4</div>
      </div>
    </div>
    <div style="width: 89.333vw;height: 0.267vw;margin: 7.2vw auto 6.4vw auto;background: #e7e8ea;"></div>
  </div>
  <div class="background">
    <img src="{{env('CDN_RESOURCE')}}/mobile/campaign/phonics/img/bg-1-1.jpg?v={{config('app.version')}}">
    <img src="{{env('CDN_RESOURCE')}}/mobile/campaign/phonics/img/bg-2.jpg?v={{config('app.version')}}">
    <div class="level level-1">
      <div class="level-buttons">
        <div class="level-1">lv1</div>
        <div class="level-2">lv2</div>
      </div>
      <div class="level-select"></div>
      <div class="level-content">
        <img class="level-1" src="{{env('CDN_RESOURCE')}}/mobile/campaign/phonics/img/level-1.jpg?v={{config('app.version')}}">
        <img class="level-2" src="{{env('CDN_RESOURCE')}}/mobile/campaign/phonics/img/level-2.jpg?v={{config('app.version')}}">
      </div>
    </div>
    <img src="{{env('CDN_RESOURCE')}}/mobile/campaign/phonics/img/bg-4.jpg?v={{config('app.version')}}">
    <img src="{{env('CDN_RESOURCE')}}/mobile/campaign/phonics/img/bg-5-1.jpg?v={{config('app.version')}}">
    <img src="{{env('CDN_RESOURCE')}}/mobile/campaign/phonics/img/bg-6.jpg?v={{config('app.version')}}">
    <div class="qrcode">
      <img src="{{env('CDN_RESOURCE')}}/mobile/campaign/phonics/img/bg-7-1.jpg?v={{config('app.version')}}">
      <div id="account-info">
        当前账号: <span id="current-account"></span> | <span id="switch-account">切换账号</span>
      </div>
    </div>
  </div>
  <div id="buy" class="buy" data-pid="{{$extraCampaignProduct['p_id']}}">立即购买</div>
  <div id="stop" class="buy" style="display: none;">活动已结束</div>
  <div class="share-mask">
    <div class="share-arrow"></div>
  </div>
</div>

@if (getenv('APP_ENV') === 'local')
<script src="{{env('CDN_RESOURCE')}}/mobile/campaign/phonics/js/phonics1.js?v={{config('app.version')}}"></script>
@else
<script src="{{env('CDN_RESOURCE')}}/mobile/campaign/phonics/js/phonics1.min.js?v={{config('app.version')}}"></script>
@endif

@include('mobile.partial.video', [
  'prefix' => 'p005',
  'finishTime' => '110',
  'videoOption' => [
    'm3u8' => 'http://1251352844.vod2.myqcloud.com/45f5686avodtransgzp1251352844/1bb2a9b07447398157007465284/v.f20.mp4',
    'autoplay' => false,
    'coverpic' => '',
    'width' => '640',
    'height' => '480',
    'live' => false,
    'systemFullscreen' => true
  ]
])
</body>
</html>